body,html{
    width: 100%;
    height: 100vh;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.swiper-container{
    .zhonghe{
        .xiaohe{
            width: 100%;
            height: 100vh;
             img{
                 width: 100%;
                 height: 100vh;
             }
        }
    }
    .xiaodian{
        width: 100%;
        .px2rem(height,70);
        // border: 1px solid #ccc;
        .swiper-pagination-bullet{
            .px2rem(width,30);
            .px2rem(height,30);
            border-radius: 50%;
            .px2rem(margin,10);
        } 
        .swiper-pagination-bullet-active{
             background: skyblue;
        }
    }
    .tiaoguo{
        .px2rem(width,170);
        .px2rem(height,70);
        border: 1px solid #eee;
        opacity: .5;
        text-align: center;
        line-height: 2;
        color: blue;
        position: fixed;
        .px2rem(top,40);
        .px2rem(right,40);
        z-index: 999;
        .px2rem(font-size,38);
        font-weight: bold;
    }
}

    